/* Global Css */
@baseSize: 16;
@rem: 1/@baseSize * 1rem;
@radiusDef: 6*@rem;
/* Color */
@color_1: #269c90;
@color_2: #242122;
@color_3: #a8a8af;
@color_4: #fff;
@color_5: #e5e7e9;
@color_6: #f7f7f7;
@color_7: #51b1a6;
@color_8: #e64344;

/* color-alias */

@mainColor: @color_7;
@mainColorDark: @color_1;
@secentColor: @color_3;
@dangerColor: @color_8;

@fontColor: @color_2;
@fontColorSecent: @color_3;

@bgColor: @color_4;
@bgColorSecent: @color_5;
@bgColorPage: @color_6;
@btnGray: @color_5;


/* fontSize */
@greetTitle: 36px;
@FSmd: 24px;
@FSxm: 14px;
@FSmin: 12px;
@FStitleMd: 24px;
@FStitle: 20px; 
@FStitleSm: 18px;
@FSdef: 16px;
@IconBtn: 32*@rem;
@lineHeight: 1.5;


/* Tools */
@interval: 20*@rem;

.textover{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.img-box{
    display: flex;
    justify-content: center;
    align-items: center;
    
    overflow: hidden;
    height: 100%;
    text-align: center;

    img{
        height: 100%;
    }
}


.shadowDef{
    box-shadow: 0 10*@rem 16*@rem -12*@rem rgba(0,0,0, .6);
}



// 全局样式
*{
    line-height: @lineHeight;
}

html,
body{
    min-height: 100%;
    font-size: @FSdef;
    
}

body{
    background: #fafafa;
}
a{
    text-decoration: none;
    color: #000;
}